<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <script>
        //列举改变标签内容的js方法
        // 答
        // 核心要点:
        // 1. innerHTML
        // 2. outerHTML
        // 3. innerText
        // 4. outerText
        // 析
        // 答案解析:
        //     1. innerHTML设置或获取位于对象起始和结束
        // 标签内的HTML 
        // 2. outerHTML设置或获取对象及其内容的.
        // HTML形式。
        // 3. innerText设置或获取位于对象起始和结束标
        // 签内的文本。
        // 4. outerText设置(包括标签) 或获取(不包括标签)。
        // 对象的文本。
        // 5. innerHTML与outerHTML在设置对象的内容
        // 时包含的HTML会被解析， 而innerText与
        // outerText则不会。
        // 6. 在设置时， innerHTML.与innerText仅设置标
        // 签内的文本， 而outerHTML 与outerText设置包
        // 括标签在内的文本。
    </script>
</body>

</html>